

    let use = document.getElementById('use');
    let pwd = document.getElementById('pwd');
    let cbx = document.getElementById('cbx');
    function login() {
    //登录
    //取出本地的用户的值
    let dateUse = localStorage.getItem(use.value);
    console.log(dateUse)
    let dateObj = JSON.parse(dateUse);//将取出的值转化为对象
    console.log(dateObj);

    if (use.value == dateObj.username && pwd.value == dateObj.password) {
    alert('登陆成功');
    dateObj.tag = cbx.checked;
    localStorage.setItem(use.value, JSON.stringify(dateObj));//再将取出的值转化为字符串类型
    location.href = 'https://www.baidu.com';//登录成功则跳转到百度页面

} else {
    alert('用户名或者密码错误')
}
}
    use.onblur = function() {//用户失去焦点事件s
    //取出用户的值
    let res = localStorage.getItem(use.value);
    //将用户值转化为对象
    res = JSON.parse(res);
    if (res != null && res.tag) {
    cbx.checked = true;
    pwd.value = res.password;
}
}
        //获取用户名;
        let useA = localStorage.getItem('username');
        console.log(useA);
        //封装注册方法
        function login() {
        //获取事件的value
        let username = document.querySelector('#use').value;
        let password = document.querySelector('#pwd').value;
        //这里调用存入本地的数据
        Date(username, password);

    }
        //将数据存入本地
        function Date(username, password) {
        localStorage.setItem(username, JSON.stringify({
            username,
            password,
            tag: false
        }))
        if (username === '' || password === '') {
        alert('请先注册');
    }
        //判断两次密码是否一样
        else if (pwd.value != pwd2.value) {
        //不一样的话重新输入
        alert('两次输入密码不一样 请重新输入');
    } else {
        //一样则提示注册成功
        alert('注册成功 ! ! !')
    }

    }


